<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./Plantillas/Plantilla.xhtml">

            <ui:define name="top">
                top
            </ui:define>

            <ui:define name="left">
                left
            </ui:define>

            <ui:define name="right">
                right
            </ui:define>

            <ui:define name="content">
                <h:form>
                        <p:commandButton value="Nuevo Proveedor" image="icon-add"
                                         oncomplete="dlgNuevo.show()" />
                        <p:commandButton action="/MateriaPrima.jsf" />
                    </h:form><br></br> 
                         <h:form id="proveedor">  
                             <p:dataTable var="proveedor" value="#{materiaPrimaBean.mates}" emptyMessage="No hay datos registrados " 
                                     paginator="true" rows="10" paginatorPosition="bottom"
                                     paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10,15">    

                            <p:column headerText="ID Materia">  
                                <h:outputText value="#{proveedor.idMateriaPrima}" />  
                            </p:column>  
                            
                            <p:column headerText="Nombre">  
                                <h:outputText value="#{proveedor.nombre}" />  
                            </p:column>  

                            <p:column headerText="Descripcion">  
                                <h:outputText value="#{proveedor.descripcion}" />  
                            </p:column> 
                            
                            <p:column headerText="Stock">  
                                <h:outputText value="#{proveedor.stockAlmacen}" />  
                            </p:column>
                            
                        

                            <p:column style="width:8%; text-align: center">  
                                <p:commandButton  update=":formEditar" oncomplete="dlgEditar.show();"
                                                  actionListener="#{materiaPrimaBean.prepararActualizar(proveedor.idMateriaPrima)}"
                                                  icon="icon-modificar" title="Editar"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                                <p:commandButton  update=":formEliminar" oncomplete="dlgEliminar.show();"
                                                  actionListener="#{materiaPrimaBean.prepararActualizar(proveedor.idMateriaPrima)}"
                                                  icon="icon-eliminar" title="Eliminar"/> 
                            </p:column> 


                        </p:dataTable>  
                    </h:form>
                
                
                   <h:form id="formNuevo">
                        <p:dialog header="Nuevo Proveedor" widgetVar="dlgNuevo" resizable="false" id="dlgNuevo"  
                                  showEffect="fade" hideEffect="explode" modal="true">  

                            <p:growl id="growl" showDetail="true" life="3000" /> 

                            <h:panelGrid id="pgNuevo" columns="2" cellpadding="4" style="margin:0 auto;">  

                                <h:outputText value="Nombre :" />
                                <p:inputText value="#{materiaPrimaBean.mate.nombre}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita nombre"/>
                                
                                <h:outputText value="Descripcion :" />
                                <p:inputText value="#{materiaPrimaBean.mate.descripcion}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita teléfono"/>
                                
                                <h:outputText value="Stock :" />
                                <p:inputText value="#{materiaPrimaBean.mate.stockAlmacen}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita dirección"/>


                            </h:panelGrid>
                            <p:separator/>
                            <p:commandButton value="Guardar" update=":proveedor,growl,pgNuevo" actionListener="#{materiaPrimaBean.insertar()}" oncomplete="dlgNuevo.hide()" icon="icon-guardar"/>   
                            <p:commandButton value="Cancelar" update=":proveedor,pgNuevo" actionListener="#{proveedorBean.cancelar(actionEvent)}" oncomplete="dlgNuevo.hide()" icon="icon-cancelar" /> 
                        </p:dialog>  
                        <p:message for="pgNuevo"/>
                    </h:form>
                <!--  form de editar PROVEEDOR -->

                    <h:form id="formEditar">
                        <p:dialog header="Editar Proveedor" widgetVar="dlgEditar" resizable="false" id="dlgEditar"  
                                  showEffect="fade" hideEffect="explode" modal="true">  

                            <p:growl id="growlEditar" showDetail="true" life="3000" /> 

                            <h:panelGrid id="pgEditar" columns="2" cellpadding="4" style="margin:0 auto;">  

                                <h:outputText value="Nombre:" />
                                <p:inputText value="#{materiaPrimaBean.mate.nombre}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita nombre"/>
                                
                                <h:outputText value="Descripcion:" />
                                <p:inputText value="#{materiaPrimaBean.mate.descripcion}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita teléfono"/>
                                
                                <h:outputText value="Stock:" />
                                <p:inputText value="#{materiaPrimaBean.mate.stockAlmacen}" style="width: 200px "
                                             required="true" requiredMessage="Se necesita dirección"/>

                            </h:panelGrid>
                            <p:separator/>
                            <p:commandButton value="Actualizar" update=":proveedor,growlEditar,dlgEditar"
                                             actionListener="#{materiaPrimaBean.actualizar()}"
                                             oncomplete="dlgEditar.hide()" icon="icon-modificar"/>   
                        </p:dialog>  
                        <p:message for="pgEditar"/>
                    </h:form>   

                    <!--  form de ELIMINAR PROVEEDOR -->

                    <h:form id="formEliminar">  

                        <p:growl id="growlEliminar" showDetail="true" life="3000" />   

                        <p:confirmDialog id="dlgEliminar" message="¿Está seguro de eliminar a este proveedor?"  
                                         header="Eliminar proveedor" severity="alert" widgetVar="dlgEliminar">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  

                            <p:commandButton value="Sí" update=":proveedor,growlEliminar,dlgEliminar"
                                             actionListener="#{materiaPrimaBean.eliminar()}"
                                             oncomplete="dlgEliminar.hide()" icon="yes"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
                            <p:commandButton value="No" update=":proveedor"                                     
                                             oncomplete="dlgEliminar.hide()" icon="icon-cancelar" />   

                        </p:confirmDialog>  

                    </h:form>   
            </ui:define>

            <ui:define name="bottom">
                bottom
            </ui:define>

        </ui:composition>

    </body>
</html>
